<% include header.ejs %>
	<!-- 正文部分 -->
	<link rel="stylesheet" href="/css/index.css">
	<section class="content-main">
		<div class="container result-list">
			<div class="row">
				<div class="col-md-8">
					<% data.forEach(function(item){ %>
						<div class="row b-one-article">
							<h3 class="col-xs-12 col-md-12 col-lg-12">
								<a class="b-oa-title" href="/detail/<%= item.postId %>" target="_blank"><%= item.title %></a>
							</h3>
							<div class="col-xs-12 col-md-12 col-lg-12 b-date">
								<ul class="row">
									<li class="col-xs-5 col-md-2 col-lg-3">
										<i class="glyphicon glyphicon-user"></i> <%= item.userName %>
									</li>
									<li class="col-xs-7 col-md-3 col-lg-3">
										<i class="glyphicon glyphicon-calendar"></i> <%= item.createTime.toString() %>
									</li>
									<li class="col-xs-5 col-md-2 col-lg-2">
										<i class="glyphicon glyphicon-tasks"></i> <a href="/detail/<%= item.postId %>" target="_blank"><%= item.typeName %></a>
									</li>
								</ul>
							</div>
							<div class="col-xs-12 col-md-12 col-lg-12">
								<div class="row">
									<!-- 文章封面图片开始 -->
									<div class="col-sm-6 col-md-6 col-lg-4 hidden-xs">
										<figure class="b-oa-pic b-style1">
											<a href="/detail/<%= item.postId %>" target="_blank">
												<img src="https://baijunyao.com/uploads/article/20180101/5a49c18d27106.jpg" alt="白俊遥博客" title="白俊遥博客">
											</a>
											<figcaption>
												<a href="/detail/<%= item.postId %>" target="_blank"></a>
											</figcaption>
										</figure>
									</div>
									<!-- 文章封面图片结束 -->
			
									<!-- 文章描述开始 -->
									<div class="col-xs-12 col-sm-6  col-md-6 col-lg-8 b-des-read">
										<%= item.descript %>
									</div>
									<!-- 文章描述结束 -->
								</div>
							</div>
							<a class=" b-readall" href="/detail/<%= item.postId %>" target="_blank">阅读全文</a>
						</div>
					<% }) %>
                    <% if(totalPage > 1) { %>
                        <div class="pages" id="index-page" data-total="<%=totalPage%>">
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    <li>
                                        <a href="javascript:void(0)" aria-label="Previous">
                                            <span aria-hidden="true">上一页</span>
                                        </a>
                                    </li>
                                    <% for(var i= 1 ; i<= totalPage;i++){%>
                                        <li class="<% if(page == i - 1 ) { %>active<% } %>"><a href="javascript:void(0)" aria-label="<%= i %>"><%= i %></a></li>
                                    <%}%>
                                    <li>
                                        <a href="javascript:void(0)" aria-label="Next">
                                            <span aria-hidden="true">下一页</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    <% } %>
				</div>
				<div class="col-md-4">
					<% include pubRight.ejs %>
				</div>
			</div>
		</div>
	</section>
<% include footer.ejs %>